#SiteHeader, #SiteHeader.menu-open { background: #EBEBEB; }
#GridTop { display: none; }
#body { margin-top: 15px; }
#GridContent { max-width: none; padding-top: 0; margin-top: 60px; }
#body p { font-size: 1.8rem; }
nav#PageBreadCrumps2 { position: absolute; top: 15%; right: 45px; transform: translateX(0%); -webkit-transform: translateX(0%); width: auto; display: block; bottom: auto; z-index: 1; font-size: 80%; }
nav#PageBreadCrumps2 > a { color: #000; }

.graphic-elem-1 { left: auto; right: -340px; top: -97px; }
.graphic-elem-2 { position: absolute; top: 0; left: -342px; top: -223px; }

.big-kitchen-top-strip-elem { background-image: url(../../../000Frames/site/images/shows/show-m.svg); }



.right-details { width: calc(58.4% - 10px); vertical-align: top; height: 100%; padding-right: 0; z-index: 1; }
.left-signup { width: calc(41.2% - 10px); vertical-align: top; position: relative; padding-left: 0; z-index: 2; }
.left-signup.bottom { z-index: 1; }
section.workshop-details.fadeup { display: flex; width: 100%; text-align: right; flex-wrap: wrap; padding-top: 90px; max-width: 1240px; gap: 20px; overflow: visible; }
.right-details .inner-wrapper { background: var(--grey); min-height: 450px; padding: 40px; background-size: cover; }
.right-details .inner-wrapper .content-for-tabs { display: flex; flex-direction: column; text-align: right; }
.right-details .inner-wrapper .content-for-tabs h2 { text-align: right; font-family: inherit; letter-spacing: normal; margin-bottom: 28px; font-size: 1.5rem; }
.right-details .inner-wrapper span.h2span { /*font-family: Font37HEB-Regular;*/ letter-spacing: -2px; color: var(--magenta); font-size: 2.3rem; margin-bottom: 8px; letter-spacing: 0px; }
.contentBox { text-align: right; max-height: 400px; overflow-y: auto; direction: ltr; display: block; }
.contentBox h3 { font-size: 145%; direction: rtl; }
.contentBox p { font-size: 1.8rem; margin-top: 3px; line-height: 1.4; }
.contentBox p strong {/* font-weight: normal;*/ color: #000000; }
ul.details-nav { margin: 0; text-align: right; padding: 0; }
.contentBox ul, .contentBox ol { font-size: 120%; margin-top: 3px; line-height: 1.2; padding-right: 20px; direction: rtl; }
.contentBox ul li { margin-top: 4px; }
ul.details-nav li { display: inline-block; padding: 10px 20px 10px 40px; font-size: 130%; position: relative; cursor: pointer; }
/*ul.details-nav li.active    { font-weight: 600; }*/
ul.details-nav li.active:before { border-bottom: 4px solid #FBB040; content: ""; display: block; width: 100%; position: absolute; right: 0; bottom: -3px; }
ul.details-nav:after { content: ""; border-bottom: 1px solid rgba(18, 18, 18, 0.3); display: block; width: 98%; }
ul.details-nav li:after { border-left: 1px solid rgba(18, 18, 18, 0.3); content: ""; display: block; height: 70%; position: absolute; top: 15%; left: 0; }
ul.details-nav li:last-child:after { border-left: 0; }
.left-signup .inner-wrapper { min-height: 450px; padding-bottom: 10px; position: relative; padding: 40px; height: 100%; background-color: var(--grey); background-size: cover; background-position: center; }
.left-signup .opacity-layer { background: rgba(0, 0, 0, 0.65); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; }
.bottom .inner-wrapper { min-height: 500px; background-size: cover; display: flex; flex-direction: column; justify-content: center; }
.left-signup h2 { margin-bottom: 40px; padding: 0; margin-top: 0px; }
.signup-row svg { height: 40px; }
.price-row.signup-row svg { height: 55px; }
.date-icon, .price-icon { display: inline-flex; vertical-align: middle; background: #fff; width: 72px; height: 72px; align-items: center; justify-content: center; border-radius: 50%; }
.signup-row { z-index: 1; position: relative; display: inline-block; width: 100%; margin-bottom: 16px; }
.signup-row.price-row { margin-bottom: 0; }
.signup-btns { display: flex; z-index: 1; position: relative; font-size: 165%; justify-content: flex-start; margin-top: 40px; }
.date-row { color: #121212; }
span.price.dealPrice { display: inline-block; }
span.price.hasDeal:after { content: ""; border-bottom: 2px solid; width: 110%; position: absolute; left: -5%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
span.price.hasDeal { position: relative; display: inline-block; font-size: 80%; margin-right: 10px; }

.contentBox::-webkit-scrollbar { width: 5px; }
.contentBox::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); }
.contentBox::-webkit-scrollbar-thumb { background-color: #cccccc; }


.red-btn span:after { font-size: 110%; }

.mrw-dynamic-form textarea.form-control { height: 50px; }
option.placeholder { display: none; }
.select-wrapper, .price-text { position: relative; width: 55%; display: inline-block; margin-right: 24px; }
.select-wrapper:after { content: "\f0d7"; font-family: 'FontAwesome'; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 100%; pointer-events: none; line-height: 0; color: #fff; opacity: 0; }
.select-wrapper.no-select:after { content: ""; }
select { width: 100%; height: 50px; font-size: 140%; padding-right: 10px; border: 1px solid #c2c2c2; color: #000000; -webkit-appearance: none; }
.submitWrapper { text-align: right; }
input#workshopDatesText { background: #ffffff; border: 1px solid #c2c2c2; border-radius: 0; text-align: right; width: 100%; font-family: inherit; font-size: 130%; background-image: none; padding: 11px 15px; }
.select-wrapper.no-select input#workshopDatesText { background: transparent; border: 0; color: #ffffff; }

.workshopDate span { font-weight: bold; width: 2px; background: #eb0045; height: 18px; }
.workshopDate { display: flex; flex-direction: row; gap: 10px; align-items: center; }



#PageView .contcatWrapper { max-width: 1240px; padding: 80px 0; justify-content: space-between; }
section#contact-section { padding: 0; background: var(--grey); margin-bottom: 0; margin-top: 88px; }
#show-contact { direction: rtl; }
h2.contact-form-title { font-size: 4rem; text-align: right; width: 100%; color: var(--magenta); margin-top: -7px; font-family: inherit; letter-spacing: 0px; }
.form-group { padding: 0; }
.mrw-dynamic-form .form-group > div { margin-bottom: 12px; padding-left: 12px; }
.mrw-dynamic-form .form-control[type=checkbox] { background-color: #fff; margin: 4px 0px 0px 8px; width: 14px; height: 14px; }
.mrw-dynamic-form .mrw-form-label { font-size: 1.5rem; }
.mrw-dynamic-form .mrw-form-label a { color: var(--magenta); text-decoration: none; }
.mrw-dynamic-form .form-control { background: #fff; color: var(--magenta); font-size: 1.5rem; }


.mrw-dynamic-form .form-control::-webkit-input-placeholder { color: var(--magenta) }
.mrw-dynamic-form .form-control:-moz-placeholder { color: var(--magenta) }
.mrw-dynamic-form .form-controlt::-moz-placeholder { color: var(--magenta) }
.mrw-dynamic-form .form-control:-ms-input-placeholder { color: var(--magenta) }


.col-xs-12.col-sm-6.col-md-3.button-holder.pull-right { margin-bottom: 0; }
.submitWrapper .siteBtn, .submitWrapper .siteBtn:hover { border: none; background-color: var(--magenta); color: #fff; max-width: 165px; height: 50px; font-family: inherit; letter-spacing: 0px; font-size: 2.4rem; }
.contcatWrapper > div { padding: 0; }

.contact-form-text { text-align: right; width: 100%; margin-bottom: 22px; }
.contact-form-text span a { text-decoration: none; }
#show-contact .date, #show-contact .mail { width: 50%; }

section:not(.topSlider), section.gallery-section { max-width: 1240px; }


.owl-item .item a.slide-bg-layer { display: inline-block; padding-bottom: 67%; position: relative; width: 100%; }
.owl-item .item a.slide-bg-layer img { position: absolute; top: 0; left: 0; min-width: 100%; width: auto; height: 100%; }

.soltOutViewLabel { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); font-size: 370%; color: #FCB040; }
.owl-item .item { position: relative; top: auto; left: 0; transform: translate(0%,0%); -webkit-transform: translate(0%,0%); -moz-transform: translate(0%,0%); }
.owl-item { height: auto; }
#PageView section#workshops-list .section-title { width: 100%; }

.contactImg_container { display: flex; }





@media(min-width:768px) {
    .contcatWrapper > div.contactForm_container { width: 50%; }
}

@media(max-width:991px) {
    .course-top-details { display: none; }
    .section-title { margin-bottom: 40px; }
    a.category-box:last-child { margin-bottom: 0; }
    section#contact-section { margin-top: 70px; }
    .button-holder { float: right !important; width: 100%; }
    section#contact-section input.form-submit { width: 50%; }

    .right-details { display: block; width: 100%; padding: 0px; order: 2; position: relative; z-index: 0; }
    .left-signup { width: 100%; display: block; padding: 0px; order: 1; }
    .right-details .inner-wrapper { min-height: 0; background-color: #fff; padding: 40px 0px; }
    .left-signup .inner-wrapper { min-height: 84vw; padding: 0; }
    a.red-btn { margin-top: 0; }
    section.gallery-section { padding-top: 0; }
    .owl-carousel { margin-top: 0; margin-bottom: 0; }
    section#contact-section { margin-top: 0; }
    section.workshop-details.fadeup { padding: 0; gap: 0; margin-top: 0; margin-bottom: 0; }
    .contentBox h3 { font-size: 165%; }
    .contentBox p, .contentBox ul, .contentBox ol { font-size: 1.6rem; margin-top: 5px; line-height: 1.4; }
    .contentBox { max-height: none; overflow: visible; }
    .right-details .inner-wrapper .content-for-tabs { max-width: 90%; margin-right: 5%; }
    ul.details-nav li { padding: 15px 20px 15px 40px; }
    nav#PageBreadCrumps2 { margin-top: 180px; }
}

@media(max-width:767px) {
    #GridContent { margin-top: 0; }
    nav#PageBreadCrumps2 { position: unset; margin-top: 95px; display: block; }
    .owl-nav { display: none; }
    #headline h1 { font-size: 230%; }
    .left-signup .inner-wrapper { text-align: center; padding: 38px 0px 40px; }
    section#contact-section { padding: 40px 0px; position: relative; overflow: visible; }
    .select-wrapper, .price-text { text-align: right; font-size: 1.6rem; }
    .price-icon { display: block; }
    .signup-row svg { height: 30px; }
    h2.contact-form-title { font-size: 180%; }
    .mrw-dynamic-form textarea.form-control { height: 100px; background-position-y: 6px; }
    .mrw-dynamic-form .form-group > div.form-bottom { font-size: 155%; }
    section#contact-section input.form-submit { height: 50px; width: 225px; max-width: 100%; font-size: 2rem; }
    h2.contact-form-title { font-size: 2.4rem; }
    ul.details-nav li { padding: 10px 10px 10px 10px; }
    .signup-btns { font-size: 145%; margin-top: 24px; /*max-width: 90%; margin-right: 5%;*/ justify-content: center; }
    .signup-btns button, .signup-btns a { padding: 10px; }
    .signup-btns a.red-btn.yellow, .signup-btns a.red-btn.white { padding: 10px 30px; }
    .bottom-text a { display: block; }
    .owl-item { height: 200px; }
    section.gallery-section, #PageView .contcatWrapper { padding: 0; }
    #PageView .contcatWrapper { max-width: 90%; }
    ul.details-nav { white-space: nowrap; overflow-x: auto; overflow-y: hidden; }
    .signup-row { margin-bottom: 20px; }
    section.gallery-section { margin-bottom: 0px; }
    a.category-box.workshop-box .img-holder { padding-bottom: 35vh; }
    .date-icon svg, .price-icon svg { width: 22px; }
    .ui-menu .ui-menu-item-wrapper { padding: 7px 1em 3px .4em; }
    .ui-widget.ui-widget-content { padding-top: 5px; padding-bottom: 5px; }
    ul.details-nav li { font-size: 110%; }
    #show-contact .date, #show-contact .mail { width: 100%; }
    .signup-row { margin-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 90%; margin-right: 5%; }
    .left-signup h2 { font-size: 2.4rem; margin-bottom: 24px; }
    .graphic-elem-1 { display: none; }
    .right-details.bottom .inner-wrapper { min-height: 64.5vw; padding: 0; }
    .date-icon, .price-icon { gap: 24px; height: 56px; width: 56px; }
    .submitWrapper { text-align: center; }
    .right-details .inner-wrapper span.h2span { line-height: 1; font-size: 2.4rem; }
    .graphic-elem-3 { position: absolute; top: -56px; left: 0; }
    .mrw-dynamic-form .form-group > div { padding-left: 0; }
    .contact-form-text { font-size: 1.8rem; }
}


.workshop-faqs { display: block;}
.workshop-faqs .center-headline { margin: 0 0 30px; }
section:not(.topSlider).workshop-faqs { padding: 90px 0; }

@media(max-width:768px) {
    .workshop-faqs .center-headline { text-align: right; }
    section:not(.topSlider).workshop-faqs { max-width: 90%; margin-right: 5%; margin-top: 0; padding-block: 80px; margin-bottom: 0; }
}